<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>楼盘首页</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>

	<body>
		<div class="container">
			<div class="nav row">
				<a href="javascript:history.back(-1)" class="back"><img src="../img/left.png" /></a>
				<h1>阳光三号苑</h1>
				<div class="right row"></div>
			</div>
			<div class="tabs row">
				<a href="index.html" class="active">楼盘首页</a>
				<a href="detail.html">楼盘详情</a>
				<a href="onsale.html">在售户型</a>
			</div>
			<div id="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="../img/banner.jpg" />
						</div>
						<div class="swiper-slide">
							<img src="../img/baner.jpg" />
						</div>
					</div>
				</div>
				<div class="content">
					<div class="detail row">
						<div class="row price">
							<label><em>10000</em>元/㎡</label>
							<span>【在售】</span>
						</div>
						<a href="#" class="row">
							<p>查看详情</p>
							<img src="../img/right.png"/>
						</a>
					</div>
					<div class="tag row">
						<a>住宅</a>
						<a>商铺</a>
					</div>
					<ul class="addr">
						<li class="row">
							<label>开盘时间：</label>
							<p>2018-05-05</p>
						</li>
						<li class="row">
							<label>售楼地址：</label>
							<p>海南省陵水县金海路烟草专卖 </p>
							<a href="#"><img src="../img/location.png"/></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="block2"></div>
			<div class="databox common">
				<p>售楼数据</p>
				<ul class="row">
					<li class="column">
						<em>278</em>
						<span>意向客户</span>
					</li>
					<li class="column">
						<em>278</em>
						<span>合作客户</span>
					</li>
					<li class="column">
						<em>278</em>
						<span>最近成交</span>
					</li>
				</ul>
			</div>
			<div class="block2"></div>
			<div class="moneybox common column">
				<div class="row">
					<p>佣金详情</p>
					<a href="moneyDetail.html" class="look row">
						<em>查看详情</em>
						<img src="../img/right.png"/>
					</a>
				</div>
				<a class="money">特价房源4.5% ，正价房源6%全号报备</a>
			</div>
			<div class="block2"></div>
			<div class="moneybox common column">
				<div class="row">
					<p>楼盘动态</p>
					<a href="station.html" class="look row">
						<em>查看更多</em>
						<img src="../img/right.png"/>
					</a>
				</div>
				<a class="money">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</a>
			</div>
			<div class="block2"></div>
			<div class="trendbox common">
				<p>价格走势</p>
				<div id="chart" style="height:300px;margin-bottom:.6rem;margin-top: .6rem;"></div>
			</div>
			<div class="footer row">
				<a href="tel:13823452345" class="tel row">
					<img src="../img/phone.jpg"/>
					<div class="column">
						<p>羊</p>
						<span>13823452345</span>
					</div>
				</a>
				<a onclick="showOrder()" class="order row">
					<img src="../img/times.jpg"/>
					<p>预约看房</p>
				</a>
			</div>
		</div>
		<!--弹出框-->
		<div class="mask"></div>
		<form class="orderbox column">
			<p>预约看房</p>
			<div class="row">
				<label>姓&nbsp;&nbsp;&nbsp;&nbsp;名</label>
				<input type="text" placeholder="请输入姓名" />
			</div>
			<div class="row">
				<label>手机号</label>
				<input type="tel" maxlength="11" placeholder="请输入手机号码" />
			</div>
			<div class="row operation">
				<button type="button" class="cancel" onclick="cancelOrder()">取消</button>
				<button type="button" class="sure" onclick="cancelOrder()">确认</button>
			</div>
		</form>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/wap.js"></script>
		<script src="../js/jqplot.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay: {
					delay: 3000,
					disableOnInteraction: false,
				},
				autoHeight: true, //enable auto height
				spaceBetween: 20,
			});
			//价格走势
			var data = [[12500,11500,13000,13000,13000,13000]];//[[1000,2000]];
			var data_max = 18750; //Y轴最大刻度
			var line_title = [""]; //曲线名称
			var y_label = ""; //Y轴标题
			var x_label = ""; //X轴标题
			var x = [2017-12,2018-01,2018-02,2018-03,2018-04,2018-05];  //[1,2]; //定义X轴刻度值
			var title = ""; //统计图标标题
			j.jqplot.diagram.base("chart", data, line_title, title, x, x_label, y_label, data_max, 1);
		</script>
	</body>

</html>